<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>建设之声</title>
    <style>
        /* 基础样式 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: "Helvetica Neue", Arial, sans-serif;
            line-height: 1.6;
            color: #333;
            background-color: #f5f5f5;
            padding: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .newspaper-container {
            background-color: white;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
            padding: 30px;
            border: 1px solid #ddd;
        }
        
        /* 标题样式 */
        .header {
            text-align: center;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 2px solid #007ADD;
        }
        
        .newspaper-title {
            font-family: "Times New Roman", "SimSun", serif;
            font-size: 48px;
            color: #007ADD;
            margin-bottom: 10px;
            letter-spacing: 2px;
        }
        
        .date-line {
            font-size: 16px;
            color: #666;
            font-style: italic;
        }
        
        /* 板块通用样式 */
        .section {
            margin-bottom: 30px;
        }
        
        .section-title {
            font-family: "Times New Roman", "SimSun", serif;
            font-size: 24px;
            color: #007ADD;
            padding-bottom: 8px;
            margin-bottom: 15px;
            border-bottom: 1px solid #e0e0e0;
            position: relative;
        }
        
        .section-title::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 80px;
            height: 2px;
            background-color: #007ADD;
        }
        
        /* 多栏布局 */
        .multi-column {
            column-count: 2;
            column-gap: 30px;
        }
        
        /* 昨日头条样式 */
        .headline-item {
            margin-bottom: 20px;
            break-inside: avoid;
        }
        
        .headline-item h3 {
            font-size: 18px;
            color: #0056a6;
            margin-bottom: 8px;
            line-height: 1.4;
        }
        
        .headline-item p {
            font-size: 16px;
            margin-bottom: 10px;
            text-align: justify;
        }
        
        /* 朋友圈样式 */
        .social-cards {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
        }
        
        .social-card {
            background-color: #f9f9f9;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            padding: 15px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        
        .social-card h4 {
            font-size: 16px;
            color: #0056a6;
            margin-bottom: 10px;
        }
        
        .social-card p {
            font-size: 14px;
            color: #555;
        }
        
        /* 价格表格样式 */
        .price-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
        }
        
        .price-table th, .price-table td {
            padding: 10px 12px;
            text-align: left;
            border-bottom: 1px solid #e0e0e0;
        }
        
        .price-table th {
            background-color: #e6f2ff;
            color: #0056a6;
            font-weight: 600;
        }
        
        .price-table tr:hover {
            background-color: #f5f9ff;
        }
        
        .increase {
            color: #e74c3c;
        }
        
        .decrease {
            color: #2ecc71;
        }
        
        /* 今日推荐样式 */
        .recommendation {
            background-color: #e6f2ff;
            border-left: 4px solid #007ADD;
            padding: 15px 20px;
            margin-bottom: 20px;
        }
        
        .recommendation h3 {
            color: #0056a6;
            margin-bottom: 10px;
        }
        
        .recommendation p {
            margin-bottom: 8px;
        }
        
        /* 荣耀时刻样式 */
        .honor-section {
            background-color: #f9f9f9;
            padding: 20px;
            border-radius: 8px;
            text-align: center;
            font-style: italic;
            color: #555;
            border: 1px dashed #ccc;
        }
        
        .honor-quote {
            font-size: 18px;
            margin-bottom: 10px;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .multi-column {
                column-count: 1;
            }
            
            .social-cards {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
    <div class="newspaper-container">
        <!-- 报纸标题 -->
        <header class="header">
            <h1 class="newspaper-title">建设之声</h1>
            <div class="date-line">2025年10月30日 星期四</div>
        </header>
        
        <!-- 昨日头条 -->
        <section class="section">
            <h2 class="section-title">昨日头条</h2>
            <div class="multi-column">
                <div class="headline-item">
                    <h3>"十五五规划"明确科技产业重点地位，将加速国产化替代</h3>
                    <p>政策推动下，半导体全产业链，包括芯片、设备与材料，有望实现突破，提升国产化率。"十五五"规划强调科技自立自强，加大政府采购自主创新产品力度，并采取超常规措施推动基础软件等关键技术攻关，为信创产业发展带来明确机遇。</p>
                </div>
                
                <div class="headline-item">
                    <h3>《中共中央关于制定国民经济和社会发展第十五个五年规划的建议》发布</h3>
                    <p>其中涉及医药行业多方面规划。国家将持续支持创新药械发展，完善医保体系，并优化生育支持政策，积极应对老龄化。</p>
                </div>
                
                <div class="headline-item">
                    <h3>黄仁勋发布英伟达新GPU"Vera Rubin"</h3>
                    <p>称赞中国芯片爆发，并宣布投资诺基亚布局6G通信。英伟达市值因此暴涨3万亿，同时布局量子计算等领域。</p>
                </div>
                
                <div class="headline-item">
                    <h3>Substrate公司研发X射线光刻(XRL)技术</h3>
                    <p>旨在大幅降低先进逻辑晶圆成本。该技术有望在2nm及更小节点实现单次曝光，并使先进晶圆生产成本降低50%。</p>
                </div>
                
                <div class="headline-item">
                    <h3>西安公路研究院全资成立陕西交控低空经济产业发展有限公司</h3>
                    <p>注册资本2000万元。该公司将覆盖低空基础设施建设、空域数字化治理等四大板块，助力陕西交控集团向"智慧交通综合服务商"转型。</p>
                </div>
                
                <div class="headline-item">
                    <h3>青岛西海岸新区将建设北方首个eVTOL环海低空文旅交通综合枢纽示范基地</h3>
                    <p>引入"空中出租车"发展低空经济。该基地将覆盖空中游览、飞行体验等业态，并建设eVTOL交付和托管中心。</p>
                </div>
                
                <div class="headline-item">
                    <h3>《网络安全法》八年来首次大修</h3>
                    <p>将于2026年1月1日起施行。此次修订将人工智能正式纳入法律监管，全面升级了罚则，并强化了网络运营者和平台的责任。</p>
                </div>
                
                <div class="headline-item">
                    <h3>氢燃料电池系统成本持续下降</h3>
                    <p>从2018年的近万元/千瓦降至2025年部分企业的约1000元/千瓦，降幅超90%。预计到2028年，系统成本有望进一步降至1100元/千瓦。</p>
                </div>
                
                <div class="headline-item">
                    <h3>中科院金属所戎利建团队攻克可控核聚变用第二代高温超导带材金属基带技术瓶颈</h3>
                    <p>成功实现高纯净吨级哈氏合金工业化制备，打破了国外垄断。</p>
                </div>
                
                <div class="headline-item">
                    <h3>A股三大指数集体上涨</h3>
                    <p>周三，A股三大指数集体上涨，沪指收盘站上4000点大关，创业板指涨近3%创年内新高。市场成交额达2.26万亿，宏观环境利好新兴成长板块。</p>
                </div>
            </div>
        </section>
        
        <!-- 建设朋友圈 -->
        <section class="section">
            <h2 class="section-title">建设朋友圈</h2>
            <div class="social-cards">
                <div class="social-card">
                    <h4>武汉市委常委刘子清与中国电子云董事长陈士刚座谈</h4>
                    <p>双方就深化合作、推动武汉经开区数字经济产业高质量发展进行深入交流。</p>
                </div>
                
                <div class="social-card">
                    <h4>十一科技连续入选2025年四川省和成都市企业百强榜单</h4>
                    <p>巩固了其在区域服务业的领先地位。</p>
                </div>
                
                <div class="social-card">
                    <h4>世源科技成功承接并建设京东方越南整机二期项目</h4>
                    <p>积极响应国家"走出去"战略，助力京东方提升国际化竞争优势。</p>
                </div>
                
                <div class="social-card">
                    <h4>中国电子云荣获国家级专精特新"小巨人"企业称号</h4>
                    <p>凭借在专属云、数据创新和人工智能领域的技术积累、创新能力和市场竞争优势。</p>
                </div>
                
                <div class="social-card">
                    <h4>中电建设党支部举办沉浸式长征主题党日活动</h4>
                    <p>通过VR体验感悟长征精神。活动旨在将长征精神应用于公司挑战，强调战略思维和拥抱AI技术。</p>
                </div>
                
                <div class="social-card">
                    <h4>中电四公司在湖北武汉举办员工入职十周年活动</h4>
                    <p>19位员工代表齐聚一堂，回顾十年奋斗历程，展望公司未来发展。董事长王晓亮寄语员工，鼓励大家持续学习，平衡事业与家庭。</p>
                </div>
                
                <div class="social-card">
                    <h4>中电二公司承建的安徽晶镁光罩厂房及厂务项目开工奠基</h4>
                    <p>该项目聚焦28nm及以上半导体光罩的研发、生产和销售，预计2027年投产。</p>
                </div>
                
                <div class="social-card">
                    <h4>长光集团将参加第八届中国国际进口博览会</h4>
                    <p>展示4K高清主屏、时空组学显微镜等最新前沿产品。</p>
                </div>
                
                <div class="social-card">
                    <h4>中国电子系统工程第四建设有限公司受到税收处罚</h4>
                    <p>2025-10-28受到国家税务总局南京市高淳区税务局税收处罚。</p>
                </div>
            </div>
        </section>
        
        <!-- 有色金属价格 -->
        <section class="section">
            <h2 class="section-title">有色金属价格走势</h2>
            <table class="price-table">
                <thead>
                    <tr>
                        <th>品种</th>
                        <th>日期</th>
                        <th>价格</th>
                        <th>增幅</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1#电解铜</td>
                        <td>2025-10-29</td>
                        <td>87765.00</td>
                        <td class="decrease">-0.16%</td>
                    </tr>
                    <tr>
                        <td>A00铝</td>
                        <td>2025-10-29</td>
                        <td>21170.00</td>
                        <td class="increase">0.05%</td>
                    </tr>
                    <tr>
                        <td>建筑钢材 螺纹钢 Φ18 HRB400E 北京市场 钢厂/产地：敬业钢厂</td>
                        <td>2025-10-29</td>
                        <td>3140.00</td>
                        <td class="increase">0.86%</td>
                    </tr>
                    <tr>
                        <td>热轧 热轧板卷 2*1250*C Q235B 上海市场 企业：通钢</td>
                        <td>2025-10-29</td>
                        <td>3570.00</td>
                        <td class="increase">0.28%</td>
                    </tr>
                    <tr>
                        <td>型钢 角钢 50*50*5 Q235B 北京市场 钢厂：唐山正丰</td>
                        <td>2025-10-29</td>
                        <td>3180.00</td>
                        <td>0.00%</td>
                    </tr>
                    <tr>
                        <td>钢管 无缝管 流体管 φ273*6.5 20# 北京市场 钢厂：磐金钢管</td>
                        <td>2025-10-29</td>
                        <td>4160.00</td>
                        <td class="decrease">-0.36%</td>
                    </tr>
                    <tr>
                        <td>钢管 螺旋管 φ273*7 Q2358 北京市场 钢厂：河北盛泰</td>
                        <td>2025-10-29</td>
                        <td>3840.00</td>
                        <td>0.00%</td>
                    </tr>
                    <tr>
                        <td>镀锌板卷 2*1250*C DX51D+Z 无花 80 邯郸市场 钢厂/企业：邯宝 邯钢邯宝</td>
                        <td>2025-10-29</td>
                        <td>4160.00</td>
                        <td>0.00%</td>
                    </tr>
                    <tr>
                        <td>彩涂板卷 0.5*1200*C TDC51D+Z 海蓝 120 上海市场 钢厂/企业：宝钢 宝钢股份</td>
                        <td>2025-10-29</td>
                        <td>6450.00</td>
                        <td>0.00%</td>
                    </tr>
                    <tr>
                        <td>彩涂板卷 0.5*1200*C TDX51D+Z 海蓝 120 上海市场 钢厂/企业：马钢 马钢股份</td>
                        <td>2025-10-29</td>
                        <td>5550.00</td>
                        <td>0.00%</td>
                    </tr>
                    <tr>
                        <td>不锈钢卷板 冷轧不锈板卷304/2B 1*1219*C 无锡市场 品牌：太钢不锈</td>
                        <td>2025-10-29</td>
                        <td>13900.00</td>
                        <td>0.00%</td>
                    </tr>
                    <tr>
                        <td>不锈钢管材 不锈钢管坯 TP304 φ90-130 温州市场 品牌：青山</td>
                        <td>2025-10-29</td>
                        <td>13100.00</td>
                        <td>0.00%</td>
                    </tr>
                </tbody>
            </table>
        </section>
        
        <!-- 今日推荐 -->
        <section class="section">
            <h2 class="section-title">今日推荐</h2>
            <div class="recommendation">
                <h3>AI工程文档整理助手</h3>
                <p>（中电建设AI工具集搜索即可下载）</p>
                <p>智能整理AI工程文档，提高工作效率。</p>
                <p>专为工程师、资料员打造，实现扫描件、PDF及Word等文档的自动识别、分类、重命名和归档。</p>
                <p>智能识别与分类：采用先进OCR技术，精准识别扫描件、图片及PDF文档内容。结合AI能力，自动对工程图纸、合同、报告等进行智能分类。</p>
                <p>自定义归档与重命名：用户可根据项目需求、文档类型、日期等自定义多级目录结构和文件命名规则，实现高度个性化的自动归档。</p>
                <p>多格式支持与处理：支持处理 PDF、Word、Excel、PPT及多种图片格式。对无法直接读取内容的文档，自动尝试OCR识别，最大化兼容性。</p>
            </div>
        </section>
        
        <!-- 荣耀时刻 -->
        <section class="section">
            <h2 class="section-title">荣耀时刻</h2>
            <div class="honor-section">
                <p class="honor-quote">参横斗转欲三更，苦雨终风亦解晴</p>
                <p>—— 致敬所有在建设事业中不懈奋斗的人们</p>
            </div>
        </section>
    </div>

    <script>
        // 将页面转换为图片的功能
        function capturePage() {
            // 在实际应用中，这里可以使用html2canvas或其他截图库
            // 由于环境限制，这里仅提供概念代码
            alert("在实际应用中，这里会使用截图库将页面转换为图片。");
        }
        
        // 页面加载完成后执行
        document.addEventListener('DOMContentLoaded', function() {
            // 可以添加一些交互效果
            const socialCards = document.querySelectorAll('.social-card');
            socialCards.forEach(card => {
                card.addEventListener('mouseenter', function() {
                    this.style.transform = 'translateY(-5px)';
                    this.style.transition = 'transform 0.3s ease';
                });
                
                card.addEventListener('mouseleave', function() {
                    this.style.transform = 'translateY(0)';
                });
            });
        });
    </script>
</body>
</html>